<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/global.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <style>
    	.mui-slider-indicator .mui-indicator{
    		margin: 0px 1px 2px 1px;
    		background: #e4e2e2;
    		box-shadow:none;
    	}
    	
    </style>
    			<style>
					.hotgoods{ float: left; width: 100%;}
					.hotgoods li{ float: left; width: 33.3%;  text-align: center; line-height: 25px; padding-bottom: 20px;}
					.fenleigoods{ float: left; width: 100%;}
					.fenleigoods li{ float: left; width: 50%;  text-align: center; line-height: 25px; padding-bottom: 20px;}
				    .fenleigoods li:first-child{ border-right: 1px solid #EEEEEE;}
				</style>
</head>
<body>
	<!-- 导航 -->
		<div class="mui-bar mui-bar-nav bj">
			<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys">
				<img style=" max-width: 50%; vertical-align: middle;" src="images/back.png" />
			</button>
			
			<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right zys">
				<img style=" max-width: 50%; vertical-align: middle;" src="images/01.png" />
			</button>
			
			<a class="fandajin-btn"></a>
			<h1 class="mui-title"><label style="font-size: 18px;vertical-align: middle;">金贵银器</label></h1>
		</div>
		<!-- 主体内容 -->
		<section>
			<!-- banner -->
			<div class="mui-content mt45" style="margin-top: 45px;">
			<div id="slider" class="mui-slider mui-active">
				<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="images/ban.jpg">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="images/ban.jpg">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="images/ban.jpg">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="images/ban.jpg">
						</a>
					</div>

					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="images/ban.jpg">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div style="background: rgba(19, 18, 18, 0.25);margin: 0 auto; border-radius: 12px; display: initial; padding: 0px 5px;">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					</div>
				</div>
			</div>
		</div>

			<!-- 以下内容 -->
			
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>

				<div id="rexiao"></div>
				
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
				
				<!--
                	作者：569154771@qq.com
                	时间：2016-11-03
                	描述：大象
                -->
                <div style="text-align: center; line-height: 25px; margin-bottom: 20px;">
                	<a href="javascript:();">
                		<img style="max-width: 100%;" src="images/g13.jpg" />                		
                	</a>
                	<p style="color: #000000; font-size: 16px;">￥12000</p>
					<p style="color: #f9b800; font-size: 13px;">年收益6%</p>            	
                </div>
				
				<!--
                	作者：569154771@qq.com
                	时间：2016-11-04
                	描述：分类
                -->

				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
				

				<div id="xinyang"></div>
				
				
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>

				<div id="kuizeng"></div>

				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>
				

				<div id="yingzao"></div>
				
				
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>

				<div id="huanjing"></div>
				
				<div style="height: 10px; background: #F4F4F4; clear: both;"></div>

				<div id="meishi"></div>
				
			<div style="background: #F4F4F4; height: 66px; clear: both;"></div>
		</section>

	<style>
		.indexm{ position: fixed; bottom: 0; width: 100%;background: #000000;}
		.indexm a{ float: left; width: 25%; text-align: center; padding: 6px 0;}
		.indexm a p{ margin-top: -4px;}
	</style>
	<nav class="indexm">
		<a id="index_item" href="index.html">
			<span><img style="max-width: 30px;" src="images/1.png"/></span>
			<p class="mui-tab-label" style=" color: #666666;">首页</p>
		</a>
		<a id="yinqi_item" href="javascript:void(0);">
			<span><img style="max-width: 30px;" src="images/2.1.png"/></span>
			<p class="mui-tab-label" style=" color: #f9b800;">银器</p>
		</a>
		<a id="faxian_item" href="javascript:void(0);">
			<span><img style="max-width: 30px;" src="images/3.png"/></span>
			<p class="mui-tab-label" style=" color: #666666;">发现</p>
		</a>
		<a id="huiyuanzhongxin_item" href="javascript:void(0);">
			<span><img style="max-width: 30px;" src="images/4.png"/></span>
			<p class="mui-tab-label" style=" color: #666666;">我的</p>
		</a>
	</nav>
		
</body>
<script type="text/html" id="rexiao-list">
	<div style="padding: 20px;">
		<p style="color: #000000; font-size: 18px;">热销产品</p>
	</div>
	<ul class="hotgoods">
		<%
		if(goods_list_rx.length >0){
		for (var i = 0;i<goods_list_rx.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_rx[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_rx[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_rx[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_rx[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_rx[i].goods_rate%>%</p>
		</li>
		<% }
		}%>
	</ul>
</script>

<script type="text/html" id="xinyang-list">
	<%
	if(goods_list_wh.length >0){
	%>
	<div style="padding: 20px; text-align: center; border-bottom: 1px solid #eeeeee;margin-top: 5px;">
		<label style="color: #000000; font-size: 18px;"><a href="tmpl/product_list_category.html?gc_id=<%=goods_list_wh[0].gc_id%>&gc_name=信仰文化传承">信仰文化传承</a></label>
		<img style="width: 20px; margin-top: -6px; vertical-align: middle;" src="images/toleft.png" />
	</div>
	<ul class="fenleigoods">
		<%
		for (var i = 0;i<goods_list_wh.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_wh[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_wh[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_wh[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_wh[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_wh[i].goods_rate%>%</p>
		</li>
		<% }%>
	</ul>
	<% }%>
</script>

<script type="text/html" id="kuizeng-list">
	<%
	if(goods_list_kz.length >0){
	%>
	<div style="padding: 20px; text-align: center; border-bottom: 1px solid #eeeeee;margin-top: 5px;">
		<label style="color: #000000; font-size: 18px;"><a href="tmpl/product_list_category.html?gc_id=<%=goods_list_kz[0].gc_id%>&gc_name=馈赠礼品">馈赠礼品</a></label>
		<img style="width: 20px; margin-top: -6px; vertical-align: middle;" src="images/toleft.png" />
	</div>
	<ul class="fenleigoods">
		<%
		for (var i = 0;i<goods_list_kz.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_kz[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_kz[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_kz[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_kz[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_kz[i].goods_rate%>%</p>
		</li>
		<% }%>
	</ul>
	<% }%>
</script>

<script type="text/html" id="yingzao-list">
	<%
	if(goods_list_yz.length >0){
	%>
	<div style="padding: 20px; text-align: center; border-bottom: 1px solid #eeeeee;margin-top: 5px;">
		<label style="color: #000000; font-size: 18px;"><a href="tmpl/product_list_category.html?gc_id=<%=goods_list_yz[0].gc_id%>&gc_name=营造家居氛围">营造家居氛围</a></label>
		<img style="width: 20px; margin-top: -6px; vertical-align: middle;" src="images/toleft.png" />
	</div>
	<ul class="fenleigoods">
		<%
		for (var i = 0;i<goods_list_yz.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_yz[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_yz[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_yz[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_yz[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_yz[i].goods_rate%>%</p>
		</li>
		<% }%>
	</ul>
	<% }%>
</script>

<script type="text/html" id="huanjing-list">
	<%
	if(goods_list_ren.length >0){
	%>
	<div style="padding: 20px; text-align: center; border-bottom: 1px solid #eeeeee;margin-top: 5px;">
		<label style="color: #000000; font-size: 18px;"><a href="tmpl/product_list_category.html?gc_id=<%=goods_list_ren[0].gc_id%>&gc_name=人与建筑环境的和谐">人与建筑环境的和谐</a></label>
		<img style="width: 20px; margin-top: -6px; vertical-align: middle;" src="images/toleft.png" />
	</div>
	<ul class="fenleigoods">
		<%
		for (var i = 0;i<goods_list_ren.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_ren[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_ren[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_ren[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_ren[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_ren[i].goods_rate%>%</p>
		</li>
		<% }%>
	</ul>
	<% }%>
</script>

<script type="text/html" id="meishi-list">
	<%
	if(goods_list_ms.length >0){
	%>
	<div style="padding: 20px; text-align: center; border-bottom: 1px solid #eeeeee;margin-top: 5px;">
		<label style="color: #000000; font-size: 18px;"><a href="tmpl/product_list_category.html?gc_id=<%=goods_list_ms[0].gc_id%>&gc_name=美食不如美器">美食不如美器</a></label>
		<img style="width: 20px; margin-top: -6px; vertical-align: middle;" src="images/toleft.png" />
	</div>
	<ul class="fenleigoods">
		<%
		for (var i = 0;i<goods_list_ms.length;i++){%>
		<li>
			<a href="tmpl/product_detail.html?goods_id=<%=goods_list_ms[i].goods_id;%>">
				<img style="max-width: 100%;" src="<%=goods_list_ms[i].goods_image_url%>"/>
			</a>
			<p style="color: #555555; font-size: 14px;"><%=goods_list_ms[i].goods_name%></p>
			<p style="color: #000000; font-size: 16px;">￥<%=goods_list_ms[i].goods_price%></p>
			<p style="color: #f9b800; font-size: 13px;">年收益<%=goods_list_ms[i].goods_rate%>%</p>
		</li>
		<% }%>
	</ul>
	<% }%>
</script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index2.js"></script>
</html>